<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="./js/jquery copy.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.6.0/lodash.min.js"></script>
    <script src="./js/index1.js"></script>
    <script src="./js/index copy.js"></script>


    <script src="./js/demo.js"></script>

    <!-- <script src="./js/demo .js"></script>
 -->
</head>

<body>



    <div class="louceng">

        <li> <img src="./images/gwcjpg.jpg" alt=""></li>
        <li></li>
        <li><img src="./images/sm.jpg" alt=""></li>
        <li><img src="./images/jl.jpg" alt=""></li>
        <li class="jt"><img src="./images/jt.jpg" alt=""></li>
    </div>
    <div class="actived">
        <li class="active1"><img src="./images/头像.jpg" alt="">
            <div class="talk"><img src="./images/talk.jpg" alt=""></div>
        </li>
    </div>


    <div class="header">
        <img src="./images/toubu.jpg" alt="">

        <div class="head1">
            <div class="txt">正品保障,免息分期!</div>
            <ul>
                <li id="user"><a href="./login.html">请登录</a></li>
                <li><a href="./login.html">退出</a></li>
                <li style="color: #db8c8a;">注册即送6800元大礼包</li>
                <li style="color: #db8c8a;"><a href="./购物车.html">购物车()</a></li>
                <li>客户服务</li>
                <li>会员福利</li>
                <li>ENGLISH</li>
            </ul>

        </div>
        <div class="head2">
            <div class="boxtxt">
                <div class="log"><img src="./images/logo.jpg" alt=""></div>
                <div class="txt2">全球名表专业大品台</div>
                <div class="search"><input type="text" name="" id="" value="现货 最快次日送达">
                    <button>搜索</button>
                </div>
                <div class="ewm"><img src="./images/ewm.jpg" alt=""></div>
            </div>

            <div class="boxtxt2">
                <div class="h3"><img src="./images/nav.jpg" alt=""></div>
                <ul>
                    <li>男表</li>
                    <li>女表</li>
                    <li>秒杀</li>
                    <li>手表行情</li>
                    <li>品牌馆</li>
                    <li>体验中心</li>
                    <li>名匠维修</li>
                    <li>认证二手表</li>
                    <li>二手竞拍</li>
                    <li>高价回收</li>
                    <li>手表质询</li>
                    <li>认证开店</li>
                </ul>

            </div>

        </div>


    </div>
    <div class="banner">
        <div class="all">
            <div class="screen">
                <ul class="ul1">
                    <li><img src="./images/劳力士.jpg" alt=""></li>
                    <li><img src="./images/名表.jpg" alt=""></li>
                    <li><img src="./images/爆款.jpg" alt=""></li>
                    <li><img src="./images/盛夏折扣.jpg" alt=""></li>
                    <li><img src="./images/epos.jpg" alt=""></li>
                    <li><img src="./images/官方认证.jpg" alt=""></li>
                </ul>
                <div class="lt">&lt;</div>
                <div class="gt">&gt;</div>


            </div>
        </div>
        <div class="first-nav">
            <ul>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu1.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu4.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu3.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu2.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu4.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu2.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu3.jpg" alt="">

                    </div>


                </li>
                <li>
                    <span class="word">顶级品牌</span>
                    <span>/</span><span>百达翡丽&nbsp;&nbsp;江诗丹顿</span>

                    <div class="boxtxt4">
                        <img src="./images/menu4.jpg" alt="">

                    </div>


                </li>
            </ul>
        </div>
    </div>
    <div class="item2">
        <div id="a">
            <div class="content item">

                <div class="boximg .clearfix  item">
                    <div class="watch">

                        <div class="p-img"><img src="" alt=""></div>
                        <div class="txtbox5">
                            <p style="font-size: 24px; color: red;" class="red"> 222</p>
                            <p style="font-size: 24px;" class="ni"> 1111</p>
                        </div>
                    </div>

                    <!--  <div class="watch">

                        <div class="p-img"><img src="./images/5.jpg" alt=""></div>

                    </div>
                    <div class="watch">

                        <div class="p-img"><img src="./images/3.jpg" alt=""></div>

                    </div>
                    <div class="watch">

                        <div class="p-img"><img src="./images/2.jpg" alt=""></div>

                    </div> -->

                </div>
                <div class="boximg2  item">
                    <div class="txtbox">
                        <h3>限时秒杀</h3>

                        <div class="box">距离本期活动结束</div>


                        <div class="txx"> <a href="">查看更多>></a></div>
                    </div>
                    <div class="imgbox">
                        <div class="watch">
                            <div class="p-img"> <img src="./images/images2/images/watch.jpg" alt=""></div>
                            <div class="position">
                                <p>热门爆款&nbsp; 限时秒杀</p>
                                <div class="word1">
                                    <p>低至2.4折 点击开抢</p>
                                </div>
                            </div>


                        </div>
                        <div class="imgbox1">
                            <ul class="ul">
                                <li> <img src="images/banner.jpg" alt=""></li>
                                <li> <img src="images/banner01.jpg" alt=""></li>
                                <li> <img src="images/banner02.jpg" alt=""></li>
                            </ul>
                            <div class="lt1"></div>
                            <div class="gt1"></div>
                        </div>
                        <div class="imgbox2">
                            <div class="screen1">
                                <ol class=".pic-list">
                                    <li><img src="./images/login.jpg" alt=""></li>
                                    <li><img src="./images/tosst.jpg" alt=""></li>
                                </ol>
                            </div>
                            <div class="arr-next">&lt;</div>
                            <div class="arr-pre">&gt;</div>
                            <div class="icon-list">
                                <ul>
                                    <li></li>

                                    <li class="active"></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="jinxuan item">
                    <div class="jx-top">
                        <h2>新表精选</h2>
                        <div class="topTxt">
                            <span class="tpspa1">本月爆款</span>
                            <div class="iconfont icon-sanjiaoxing"></div>
                        </div>
                    </div>
                    <div class="jx-btomImg  clearfix item">
                        <div class="ltImg ">
                            <a href="./fdj.html" class="jxImga">
                                <p>
                                    <img src='./images/09png.png'>
                                </p>
                                <div class="jxTxt">
                                    <p class="txtp1">佟丽娅同款</p>
                                    <p class="txtp2">满心欢喜都为你</p>
                                </div>
                            </a>
                        </div>
                        <ul class="rtImg ">
                            <li><img src='./images/6.png'></li>
                            <li><img src='./images/6.png'></li>
                            <li><img src='./images/07.png'></li>
                            <li><img src='./images/08.png'></li>
                        </ul>
                    </div>
                </div>
                <div class="jinxuan item">
                    <div class="jx-top">
                        <h2>新表精选</h2>
                        <div class="topTxt">
                            <span class="tpspa1">本月爆款</span>
                            <div class="iconfont icon-sanjiaoxing"></div>
                        </div>
                    </div>
                    <div class="jx-btomImg clearfix item">
                        <div class="ltImg ">
                            <a href="#" class="jxImga">
                                <p>
                                    <img src='./images/(50).png'>
                                </p>
                                <div class="jxTxt">
                                    <p class="txtp1">佟丽娅同款</p>
                                    <p class="txtp2">满心欢喜都为你</p>
                                </div>
                            </a>
                        </div>
                        <ul class="rtImg ">
                            <li><img src='./images/6.png'></li>
                            <li><img src='./images/6.png'></li>
                            <li><img src='./images/07.png'></li>
                            <li><img src='./images/08.png'></li>
                        </ul>
                    </div>
                </div>
            </div>



        </div>

        <div class="content1 item" id="a">
            <div class="paihang">
                <div class="list">
                    <h3>排行榜</h3>
                    <ul>
                        <li>男表</li>
                        <li>女表</li>
                        <li>潮表</li>
                    </ul>
                    <div class="txt11"> <a href="">查看更多</a></div>
                    <i class="sanjiao"></i>
                </div>
                <div class="list2">
                    <div class="ltImg ">
                        <a href="./购物车.html" class="jxImga">
                            <p>
                                <img src='./images/(1).png'>
                            </p>
                            <div class="jxTxt">
                                <p class="txtp1">罗总同款</p>
                                <p class="txtp2">满心欢喜都为你</p>
                            </div>
                        </a>

                        <a target="_blank" class="ph-middle">
                            <div class="l-img"><img src="./images/(2).jpg" alt=""></div>
                            <div class="r-txt">
                                <div class="p-logo">
                                    <img src="./images/930.jpg" alt="">
                                    <div class="p1">雷米诺&nbsp;轮盘系列</div>
                                    <span class="sp1">$20800</span>
                                    "/"
                                    <span class="sp2">销量46</span>
                                    <span class="sp3">立即查看</span>
                                </div>
                            </div>
                            <div class="phb-01">
                                <i class="icon-d-phb-bg"></i>
                                <em>NO.1</em>
                            </div>
                        </a>

                        <div class="ph-right fl">
                            <ul class="clearfix">
                                <li class="fl">
                                    <p class="p-img"><img src="./images/(8).jpg" alt=""></p>

                                    <div class="b-txt">
                                        <p class="p1 e1ps1">泰格豪雅&nbsp;竞潜AQUARACER</p>
                                        <span class="sp1">$17500</spa>/
                                            <span class="spa2">销量305</span>
                                    </div>
                                    <em class="phb-02">NO.2</em>
                                </li>
                                <li class="fl">
                                    <p class="p-img"><img src="./images/(8).jpg" alt=""></p>

                                    <div class="b-txt">
                                        <p class="p1 e1ps1">泰格豪雅&nbsp;竞潜AQUARACER</p>
                                        <span class="sp1">$17500</spa>/
                                            <span class="spa2">销量305</span>
                                    </div>
                                    <em class="phb-02">NO.3</em>
                                <li class="fl">
                                    <p class="p-img">
                                        <img src="./images/(6).jpg" alt="">
                                    </p>
                                    <div class="b-txt">
                                        <p class="p1 e1ps1">泰格豪雅&nbsp;竞潜AQUARACER</p>
                                        <span class="sp1">$17500</spa>/
                                            <span class="spa2">销量305</span>
                                    </div>
                                    <em class="phb-02">NO.4</em>
                                </li>
                                <li class="fl">
                                    <p class="p-img"><img src="./images/(8).jpg" alt=""></p>

                                    <div class="b-txt">
                                        <p class="p1 e1ps1">泰格豪雅&nbsp;竞潜AQUARACER</p>
                                        <span class="sp1">$17500</spa>/
                                            <span class="spa2">销量305</span>
                                    </div>
                                    <em class="phb-02">NO.5</em>
                                </li>
                            </ul>

                        </div>
                    </div>

                </div>

            </div>

        </div>


        <div class="index_floor  item" id="a">
            <div class="boxtxt3">

                <h3 class="fl">品牌馆</h3>

                <ul>
                    <li class="on active">高级<i class="icon-d-nav-jiao">

                        </i></li>
                    <li class="on ">顶级<i class="icon-d-nav-jiao">

                        </i></li>
                    <li class="on">奢华<i class="icon-d-nav-jiao"></i>
                    </li>
                    <li class="on">轻奢<i class="icon-d-nav-jiao"></i></li>
                    <li class="on">时尚<i class="icon-d-nav-jiao"></i></li>
                </ul>
                <div class="txx"> <a href="">查看更多>></a></div>

            </div>
            <div class="list-img">
                <div class="list-img1 "></div>
                <ul class="selected">
                    <li> <img src="./images/(10).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li> <img src="./images/(12).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li><img src="./images/(13).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                    <li><img src="./images/(11).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                </ul>

                <div class="arr">&lt;</div>
                <div class="arr1">&gt;</div>



                <div class="list-img1 "></div>
                <ul>
                    <li> <img src="./images/(68).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li> <img src="./images/(67).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li><img src="./images/(71).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                    <li><img src="./images/(13).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>



                </ul>
                <div class="arr">&lt;</div>
                <div class="arr1">&gt;</div>


                <div class="list-img1 "></div>
                <ul>
                    <li> <img src="./images/(71).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li> <img src="./images/(12).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li><img src="./images/(13).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                    <li><img src="./images/(11).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>



                </ul>
                <div class="arr">&lt;</div>
                <div class="arr1">&gt;</div>

                <div class="list-img1 "></div>
                <ul>
                    <li> <img src="./images/(71).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li> <img src="./images/(13).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li><img src="./images/(11).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                    <li><img src="./images/(71).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>


                </ul>
                <div class="arr">&lt;</div>
                <div class="arr1">&gt;</div>




                <div class="list-img1 "></div>
                <ul>
                    <li> <img src="./images/(10).jpg" alt="">
                        <div class="position">
                            <img src="./images/(11).jpg" alt="">
                        </div>
                    </li>
                    <li> <img src="./images/(11).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>
                    <li><img src="./images/(13).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                    <li><img src="./images/(71).jpg" alt="">
                        <div class="position">
                            <img src="./images/(17).jpg" alt="">
                        </div>
                    </li>

                </ul>
                <div class="arr">&lt;</div>
                <div class="arr1">&gt;</div>

            </div>

            <div class="list4">
                <ul>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>
                    <li><img src="./images/(31).jpg" alt="">
                        <div class="position3">
                            万宝龙
                        </div>
                    </li>

                </ul>

            </div>

            <div class="jinxuan  item">
                <div class="jx-top">
                    <h2>新表精选</h2>
                    <div class="topTxt">

                        <div class="iconfont icon-sanjiaoxing"></div>
                    </div>
                </div>
                <div class="jx-btomImg">
                    <div class="ltImg ">
                        <a href="#" class="jxImga">
                            <p>
                                <img src='./images/(40).jpg'>
                            </p>
                            <i class="icon-d-sp-btn01">
                                <img src="./images/(41).jpg" alt="">
                            </i>
                            <div class="jxTxt">
                                <p class="txtp1">超越时代</p>
                                <p class="txtp2">罗总最帅</p>
                            </div>
                        </a>
                    </div>
                    <div class="rt-img">
                        <ul>
                            <li><img src="./images/(43).jpg" alt=""></li>
                            <li><img src="./images/(43).jpg" alt=""></li>
                            <li><img src="./images/(43).jpg" alt=""></li>
                            <li><img src="./images/(43).jpg" alt=""></li>
                        </ul>
                    </div>


                </div>


            </div>

            <div class="boximg1 .clearfix item">
                <h2>和作共赢</h2>
                <div class="watch">
                    <div class="jxTxt">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(44).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(45).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(46).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(47).jpg" alt=""></div>

                </div>

            </div>

            <div class="boximg1 .clearfix item">
                <h2>罗总同款</h2>
                <div class="watch">
                    <div class="jxTxt1">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(51).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt1">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(54).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt1">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(53).jpg" alt=""></div>

                </div>
                <div class="watch">
                    <div class="jxTxt1">
                        <p class="txtp1">超越时代</p>
                        <p class="txtp2">罗总最帅</p>
                    </div>
                    <div class="p-img"><img src="./images/(54).jpg" alt=""></div>

                </div>

            </div>



            <div class="boximg1 .clearfix item">
                <h2>罗总同款</h2>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>

            </div>
            <div class="boximg1 .clearfix item">
                <h2>罗总同款</h2>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>

            </div>

            <div class="boximg1 .clearfix item">
                <h2>罗总同款</h2>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>

            </div>

            <div class="boximg1 .clearfix i">
                <h2>罗总同款</h2>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>
                <div class="watch">

                    <div class="p-img"><img src="./images/(58).jpg" alt=""></div>

                </div>

            </div>
        </div>



        <div class="footer item" id="a">
            <div class="foot main">
                <div class="foot-top">
                    <div class="foottop-Lt ">
                        <p class="p1">客服电话</p>
                        <p class="p2">400-883-2688</p>
                        <p class="p3">外呼电话020-83931899</p>
                        <span>售后维修</span>
                    </div>
                    <div class="foottop-Md ">
                        <dl>
                            <dt>新手指南</dt>
                            <dd>注册新会员</dd>
                            <dd>购物流程</dd>
                            <dd>手表小知识</dd>
                            <dd>退换货流程</dd>
                        </dl>
                        <dl>
                            <dt>新手指南</dt>
                            <dd>注册新会员</dd>
                            <dd>购物流程</dd>
                            <dd>手表小知识</dd>
                            <dd>退换货流程</dd>
                        </dl>
                        <dl>
                            <dt>新手指南</dt>
                            <dd>注册新会员</dd>
                            <dd>购物流程</dd>
                            <dd>手表小知识</dd>
                            <dd>退换货流程</dd>
                        </dl>
                        <dl>
                            <dt>新手指南</dt>
                            <dd>注册新会员</dd>
                            <dd>购物流程</dd>
                            <dd>手表小知识</dd>
                            <dd>退换货流程</dd>
                        </dl>
                        <dl>
                            <dt>新手指南</dt>
                            <dd>注册新会员</dd>
                            <dd>购物流程</dd>
                            <dd>手表小知识</dd>
                            <dd>退换货流程</dd>
                        </dl>
                    </div>
                    <img src="./images/(60).png" class="footimg fl">
                </div>
                <div class="foot-btom">
                    <div class="footTxt">
                        <a href="#">手表维修</a>
                        <a href="#">加盟网</a>
                        <a href="#">招聘</a>
                        <a href="#">装修</a>
                        <a href="#">世界名表</a>
                        <a href="#">法律咨询</a>
                        <a href="#">车主指南</a>
                        <a href="#">天气预报</a>
                        <a href="#">房产网</a>
                        <a href="#">孔夫子旧书网</a>
                        <span>></span><br>
                        <p class="txtp">
                            <a href="#">供求信息网</a>
                            <a href="#">苹果绿养生网</a>
                            <a href="#">品牌网</a>
                            <a href="#">香烟网</a>
                            <a href="#">企业名录</a>
                            <a href="#">千图</a>
                        </p>
                    </div>

                </div>
            </div>
        </div>

    </div>

    </div>
    </div>

    </div>

    <div class="endimg">
        <div class="main eImg">
            <a href="#">
                <img src="./images/(65).png" class="img1 fl">
            </a>
            <a href="#">
                <img src="./images/(62).png" class="img2 fl">
            </a>
        </div>


        <div class="floor">
            <ul>
                <li>内容区</li>
                <li>广告区</li>
                <li>tab栏区</li>
                <li>回到底部</li>
            </ul>
        </div>
</body>

</html>
<script>

    //倒计时
    var oBox = document.querySelector(".box")
    //结束日期
    var end = new Date(2021, 11, 11);
    setInterval(function () {
        //动态的当前日期
        var curent = Date.now();
        var num = end - curent; //毫秒数
        var ms = num % 1000;// 毫秒
        var ss = parseInt(num / 1000) % 60;//秒
        var mm = parseInt(num / 1000 / 60) % 60;//分
        var hh = parseInt(num / 1000 / 60 / 60) % 24;//时
        var dd = parseInt(num / 1000 / 60 / 60 / 24);//时

        var str = `倒计时:${dd}天${hh}时${mm}分${ss}秒${ms}毫秒`;
        oBox.innerHTML = str.fontcolor("#fff");
    })

    //tab栏切换
    var oUpLis = document.querySelectorAll(".boxtxt3 li");
    var oBoximg = document.querySelectorAll(".list-img ul");

    for (var i = 0; i < oUpLis.length; i++) {
        oUpLis[i].tempIndex = i;
        oUpLis[i].onmousemove = function () {
            //点击后,排他,遍历清除所有的 active类名称
            for (var j = 0; j < oUpLis.length; j++) {
                oUpLis[j].className = "on";
                oBoximg[j].className = "imgbox3";
            }
            this.className = "on  active";
            //下标对应
            oBoximg[this.tempIndex].className = "selected"
        }
    }

    //页面显示
    var oUser = document.querySelector("#user a");
    //获取当前登录人的信息
    var oUserInfo = JSON.parse(localStorage.getItem("userinfo") || '{}');
    //说明未登录
    if (oUserInfo.u_phone == undefined) {
        setTimeout(function () {
            location.replace("./login.html");
        }, 100000)
    } else {
        //已经登录 
        oUser.innerHTML = oUserInfo.u_phone
    }



    //首页拼接好跳到详情页

    $.ajax({
        url: "/account/produList"
    }).then(function (res) {
        console.log(res);
        var strHtml = ``
        res.forEach(item => {
            strHtml += `<a href="./fdj.html?id=${item.pId}">
                            <div class="watch">
                                <div class="p-img">

                                    <img src="${item.pic}" alt="">
                                </div>
                                <div class="txtbox5">
                                     <p class="ni">
                                      ${item.pName}
                                       </p>
                                     <p class="red">
                                       &yen; ${item.pPrice}  
                                     </p>
                                    </div>
                               
                            </div>
                        </a>`
        });

        $(".boximg").html(strHtml)
    })



</script>